<template>
    <div>
        <div id="email-phone">
            <div id="contact-content-email">
                <div><img src="../assets/联系/邮箱.png" width="40px" height="40px"></div>
                <div style="margin-left:20px;">guanpeisen@163.com</div>
            </div>
            <div id="contact-content-phone">
                <div><img src="../assets/联系/电话.png" width="40px" height="40px"></div>
                <div style="margin-left:20px;">15866666666</div>
            </div>
        </div>
        <div id="contact-message">
            <div id="contact-message-1">
                <div><img src="../assets/联系/个人 (1).png" width="34px" height="34px"></div>
                <div><input type="text" placeholder="  请输入您的名字/公司" onfocus="this.placeholder=''" onblur="this.placeholder='  请输入您的名字/公司'"></div>
            </div>
            <div id="contact-message-2">
                <div><img src="../assets/联系/电话 (2).png" width="34px" height="34px"></div>
                <div><input type="text" placeholder="  请输入您的手机号码" onfocus="this.placeholder=''" onblur="this.placeholder='  请输入您的手机号码'"></div>
            </div>
            <div id="contact-message-3">
                <div><img src="../assets/联系/邮箱 (1).png" width="34px" height="34px"></div>
                <div><input type="text" placeholder="  请输入您的电子邮箱" onfocus="this.placeholder=''" onblur="this.placeholder='  请输入您的电子邮箱'"></div>
            </div>
            <div><textarea placeholder="  请输入您想说的话" onfocus="this.placeholder=''" onblur="this.placeholder='  请输入您想说的话'"></textarea></div>
        </div>
    </div>

</template>

<script>
export default {
    
}
</script>

<style scoped>
    #email-phone{
        display:flex;
        margin-top:30px;
        color:rgb(0,160,232); 
    }
    #contact-content-email{
        display:flex;
    }
    #contact-content-email div{
        line-height:40px;
    }
    #contact-content-phone{
        display:flex;
        margin-left:100px;
    }
    #contact-content-phone div{
        line-height:40px;
    }
    #contact-message-1,#contact-message-2,#contact-message-3{
        display:flex;
        align-items: center;
        margin-top:10px;
    }
    #contact-message{
        margin-top:20px;
    }
    input{
        width:280px;
        height:25px;
        background-color:rgb(250,250,250);
        border:none;
        border:1px solid rgb(238,238,238);
        margin-left:28px;
    }
    textarea{
        width:480px;
        height:200px;
        border:1px solid rgb(238,238,238);
        background-color:rgb(250,250,250);
        margin-top:20px;
    }
    ::-webkit-input-placeholder{
        font-size:16px;
    }
</style>